<template>
  <div>
    <Grand-Son v-for="(item,index) in arr" :item='item' :key="index" >
      <template slot-scope="scope">
        <p @click="ceshi(scope.item)">{{item.name}}</p>
      </template>
    </Grand-Son>
  </div>
</template> 

<script>
import GrandSon from './grandSon.vue'
export default {
  props:['arr'],
  components:{
    GrandSon
  },
  data() {
    return {
      // arr: [{ name: "苹果" }, { name: "香蕉" }, { name: "梨" }],
    };
  },
  methods:{
    ceshi(scope){
      console.log(scope ,111);
    }
  }
};
</script>

<style>
</style>